/* ==========================================================================
    公共样式
============================================================================ */
.clearfloat:after{display: block;content: "";clear: both;overflow: hidden;}
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
*{margin: 0;padding: 0;font-family: "PingFang SC Regular",Helvetica,Tahoma,Arial,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}
body{overflow-x: hidden;font-family: "PingFang SC Regular",Helvetica,Tahoma,Arial,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}
@font-face {
  font-family: "PingFangSCMedium";
   src: url("../fonts/PingFangSCMedium.eot");
  src: url("../fonts/PingFangSCMedium.woff2") format("woff2"),
       url("../fonts/PingFangSCMedium.woff") format("woff"),
       url("../fonts/PingFangSCMedium.ttf") format("truetype"),
       url("../fonts/PingFangSCMedium.eot") format("embedded-opentype"),
       url("../fonts/PingFangSCMedium.svg") format("svg");
}
.wrap{width: 75%;margin: auto;}
@media only screen and (max-width: 1680px) {
	.wrap{width: 84%;}
}
@media only screen and (max-width: 1440px) {
	.wrap{width: 86%;}
}
@media only screen and (max-width: 768px) {
	.wrap{width: 100%;padding: 0 20px;box-sizing: border-box;}
}
/*head*/
/*head*/
body{padding-top: 120px;}
.header{position: fixed;background: #FFFFFF; left: 0;top: 0;border-bottom: 1px solid rgba(255,255,255,0.2);  width: 100%;z-index: 300;height: 120px;line-height: 120px;}
.logo{width: 220px;float: left;}
.logo img{vertical-align: middle;width: 100%;display: none;}
.logo img+img{display:inline-block;}
.head_use{width: 83.3%;margin: auto;}
.header .headR {width: 65%;float: right;height: 100%;position: relative;}
.header .nav{width: 61%;}
.header .nav li{float: left;width:16.66%;text-align: center;position: relative;}
.header .nav a {position: relative;z-index: 50; display: block;color: #555555;width: 100%;}
.menuBtn{display: none;}
.nav_btn{display: none;}
.call_box{float: right;width: 24.6%;font-size: 0;margin-left: 3.8%;}
.call_use{vertical-align: middle;display: inline-block;color: #FFFFFF;width: 100%;height: 50px;text-align: center;line-height: 50px;background: #1065e0;border-radius: 25px;}
.call_use img{vertical-align: middle;}
.call_use span{vertical-align: middle;margin-left: 10px;font-family: "PingFangSCMedium";}
.header .search {width: 70px;float: right;text-align: right;}
.header .search img {display: none;vertical-align: middle;cursor: pointer;}
.header .search img+img{display: inline-block;}
.header .nav .drop_item{display: block;width: 100%; height: 50px; line-height: 50px;}
.header .headR .searchWap { display: none;}
.bigf img{width: 19px;vertical-align: middle;}
.headR .nav .header_nav_item .nav_down {display: none; position: absolute;padding: 10px 0; top: 120px;left: 50%;width: 150px;margin-left: -75px; background: #1166e2; text-align: center;}
.header_nav_item>a{position: relative;}
.header_nav_item>a:hover{color: #007AFF;}
.header_nav_item>a:after{transition: all .3s ease-in; display: block;content: "";position: absolute;left: 50%;transform: translateX(-50%); width: 0; bottom: 0;height:2px;background: #257af3;}
.header_nav_item>a:hover:after{width: 100%;}
/*.header_nav_item:nth-child(1)>a{padding-left: 32px;box-sizing: border-box;}*/
.header_nav_item .nav_down a {color: #FFFFFF; font-size: 14px; line-height: 46px;display: block;width: 100%;}
.header_nav_item .nav_down a:hover {background: #0f52b2;}
.header .searchBox {display: none; background: #fff;width: 23.5vw;height: 60px;line-height: 60px; position: absolute;top: 100%;right: 0;z-index: 9;}
.header .searchBox input {display: block; width: 100%; height: 100%;padding: 0 20px;font-size: 16px; color: #333;position: relative;z-index: 50;}
.header .searchBox  a{position: absolute;z-index: 100;right: 10px;top: 0;line-height: 60px;}
.header .searchBox input::-webkit-input-placeholder {font-size: 16px;color: #666;}
.header .searchBox input::-moz-placeholder {font-size: 16px;color: #666;}
.header .searchBox input::-ms-input-placeholder {font-size: 16px;color: #666;}
.header .searchBox input:-ms-input-placeholder {font-size: 16px;color: #666;}
.searchBox .search_input{background: #dee5ed;display: inline-block;width: 78%; height: 46px;line-height: 46px;color: #666;border-radius: 2px; margin-right: 2%; position: relative;padding-left: 50px;float: left;}
@media only screen and (max-width: 1680px) {
	.head_use{width: 90%;}
	.header .headR{width: 72%;}
}
@media only screen and (max-width:1440px ) {
	.head_use{width: 94%;}
	.header .headR{width: 75%;}
	.call_box{width: 235px;}
	.call_use{width: 100%;}
	.header .search{width: 60px;}
	.logo{width: 200px;}
}
@media only screen and (max-width:1366px ) {
	body{padding-top: 100px;}
	.header .headR{width: 75%;}
	.header{height: 100px;line-height: 100px;}
	.headR{width: 80%;}
	.headR .nav .header_nav_item .nav_down{top: 100px;}
	.call_box{width: 205px;margin-left: 20px;}
	.header .search{width: 30px;}
	.logo{width:180px;}
	.call_use span{font-size: 18px;}
	.header .nav{width: 69%;}
}
@media only screen and (max-width:1280px ) {
	body{padding-top: 90px;}
	.header{height: 90px;line-height: 90px;}
	.headR{width: 84%;}
	.headR .nav .header_nav_item .nav_down{top: 90px;}
	.call_box{width: 190px;margin-left: 15px;}
	.logo{width:160px;}
	.header .nav{width: calc(100% - 240px); font-size: 16px;}
}
@media only screen and (max-width:1024px ) {
	body{padding-top: 70px;}
	.call_box{display: none;}
	.headR .nav .header_nav_item .nav_down {width: 100%;margin-left: 0;}
	.nav_btn{display:block;position: absolute;z-index: 100; transition: all .3s ease-in;top: 0;right: 0;width: 40px;height: 40px;background: url(../images/nav_more.png)no-repeat center center/8px;}
	.header_nav_item.on .nav_btn{transform: rotate(90deg);}
	.header{height: 70px;line-height: 70px;}
	.header_nav_item>a:after{display: none;}
	.menuBtn {display: block; position:absolute;width: 24px;height: 24px;right:20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
    .menuBtn span {display: block;width: 100%;height: 2px;background: #257af3;position: absolute;left: 0;top: 50%; margin-top: -1px; -webkit-transition: .4s;transition: .4s; border-radius: 2px;}
    .menuBtn .line1 {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
    .menuBtn .line3 { -webkit-transform: translateY(8px);transform: translateY(8px);}
    .menuBtn.menuOn .line1 {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);-webkit-transition: .4s;transition: .4s;}
    .menuBtn.menuOn .line2 {opacity: 0;-webkit-transition: .4s;transition: .4s;}
    .menuBtn.menuOn .line3 {-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);-webkit-transition: .4s;transition: .4s;}
    .header .headR{display: none; height: auto;padding: 0 20px 20px;background: rgba(25, 38, 58, 0.9); border-top: 1px solid #1f325c;position: fixed;top: 60px;right: 0;width: 100%;}
    .header .nav{width: 100%;padding: 20px 0;height: 100%;float: none;}    
    .header .nav li{width: 100%;text-align: left;} 
    .header .nav a{display: block;line-height: 40px; border-bottom: 1px solid #3d4453;color: #ffffff;} 
    .header .nav .header_nav_item>a:hover{color: #ffffff;}
    .header .header_nav_item .nav_down a{color: #7c8696;line-height: 40px;}
    .header .header_nav_item .nav_down a:hover{color: #7c8696;line-height: 40px;background: transparent;}
    .headR .nav .header_nav_item .nav_down{position: relative;top: 0;left: 0;background: transparent;}
    .header .search{float: none; text-align: left;width: 100%;height: 50px;line-height: 50px;}
    .header .searchBox{width: 100%;position: relative;top: 0;}
    .head_use{padding: 0 20px;width: 100%;}
    .logo{width: 120px;}
    .header .search img{display: inline-block;}
    .header .search img+img{display: none;}
}
@media only screen and (max-width:500px ) {
	body{padding-top: 60px;}
	.header{height: 60px;line-height: 60px;}
}
/*footer*/
.footer_box{padding: 40px 0 45px; border-top: 4px solid #0070bd; background: url(../images/footbj.jpg)no-repeat center center/cover;}
.friend_use{color: #FFFFFF;line-height: 25px;}
.friend_use span{float: left;}
.frien_list{float: left;width: calc(100% - 105px);}
.frien_list a{display: inline-block;margin-bottom: 15px; margin-left: 30px;color: rgba(255,255,255,0.8);}
.frien_list a:hover {color: rgba(255,255,255,1);}
.footmod{padding: 75px 0 48px;box-sizing: border-box;border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.3);}
.foot_lef{float: left;}
.foot_logo{width: 246px;margin-bottom: 20px;}
.foot_logo img{display: block;width: 100%;}
.pro_def{font-size: 14px;color: #FFFFFF;margin-top: 20px;}
.pro_def img{margin-right: 15px;vertical-align: middle;}
.pro_def em{vertical-align: middle;}
.pro_def span{vertical-align: middle;display: inline-block;}
.pro_def span:nth-child(2){margin: 0 60px 0 120px;}
.foot_rig{float: right;font-size: 0;}
.code_pic{margin-right: 20px; width: 111px;vertical-align: middle;display: inline-block;}
.code_pic img{display: block;width: 100%;}
.code_info{vertical-align: middle;display: inline-block;color: #FFFFFF;}
.copy_box{margin-top: 25px;}
.copy_box a{color: #FFFFFF;}
.copy_lef{font-size: 14px;color: #FFFFFF;float: left;opacity: 0.8;}
.copy_lef em{margin: 0 20px;}
.copy_rig{float: right;font-size: 14px;color: #FFFFFF;opacity: 0.8;}
.copy_rig a{color: #FFFFFF;}
.pro_def span a{color: #FFFFFF;}
@media only screen and (max-width:1680px ) {
	.footmod{padding: 55px 0 38px;}
	.pro_def span:nth-child(2) {margin: 0 40px 0 80px;}
}
@media only screen and (max-width:1336px ) {
	.footmod{padding: 45px 0 28px;}
	.pro_def span:nth-child(2) {margin: 0 30px 0 50px;}
	.code_pic{width: 90px;}
	.foot_rig{margin-top: 10px;}
	.foot_logo{width: 220px;}
	.frien_list a{margin-left: 20px;}
}
@media only screen and (max-width:1280px ) {
	.foot_lef{width: 600px;}
	.foot_logo{width: 200px;}
	.pro_def span{margin-top: 10px;}
	.code_pic{width: 80px;}
	.copy_lef em{margin: 0 10px;}
	.frien_list a{margin-left: 10px;}
}
@media only screen and (max-width:1024px ) {
	.foot_lef{width: 100%;}
	.foot_rig{width: 100%;margin-top: 30px;}
	.foot_logo{width: 180px;}
	.pro_def span{margin-top: 10px;}
	.code_pic{width: 80px;}
	.copy_lef em{margin: 0 10px;}
	.frien_list a{margin-left: 10px;}
	.copy_lef{width: 100%;}
	.copy_rig{width: 100%;margin-top: 15px;}
}
@media only screen and (max-width:500px ) {
	.friend_use span{width: 100%;}
	.frien_list{width: 100%;margin-top: 20px;}
	.frien_list a{margin-left: 0;margin-right: 10px;}
	.pro_def span{display: block;}
	.pro_def span:nth-child(2){margin: 15px 0;}
	.footer_box{padding: 30px 0 35px;}
	.foot_logo{width: 140px;}
	.frien_list a{margin-bottom: 10px;}
}
/*page*/
.page{font-size: 0;text-align: center;line-height: 40px;}
.page a{vertical-align: middle; display: inline-block;margin-left: 5px; line-height: 38px;width: 38px;border: 1px solid #ececec;color: #b6b6b6;font-size: 14px;}
.page a.active{color: #FFFFFF;background: #305093;border:1px solid #305093 ;}
.page a:hover{color: #FFFFFF;background: #305093;border:1px solid #305093 ;}
.page span{display: inline-block; vertical-align: middle;font-size: 14px;color: #b6b6b6;}
.all_page{margin:0 25px 0 60px;}
.page input{vertical-align: middle;margin: 0 5px; outline: none;text-align: center; display: inline-block;margin-left: 5px; line-height: 38px;width: 38px;border: 1px solid #ececec;color: #b6b6b6;font-size: 14px;}
@media only screen and (max-width:1336px ) {
	.page .all_page{margin: 0 20px 0 40px;}
}
@media only screen and (max-width:1024px ) {
	.page .all_page{margin: 0 20px 0 30px;}
}
@media only screen and (max-width:768px ) {
	.page{line-height: 38px;}
	.page a{line-height: 36px;}
	.page input{line-height: 36px;}
}
@media only screen and (max-width:500px ) {
	.page a{width: 34px;}
	.page .all_page {display: none;}
	.gopage{margin-left: 20px;}
}


/* ==========================================================================
    文字
============================================================================ */
.font180{font-size: 180px;}
.font120{font-size:120px;}
.font100{font-size:100px;}
.font80{font-size: 80px;}
.font90{font-size: 90px;}
.font68{font-size: 68px;}
.font62{font-size: 62px;}
.font60{font-size: 60px;}
.font56{font-size: 56px;}
.font54{font-size: 54px;}
.font48{font-size: 48px;}
.font46{font-size: 46px;}
.font44{font-size: 44px;}
.font42{font-size: 42px;}
.font38{font-size: 38px;}
.font36{font-size: 36px;}
.font34{font-size: 34px;}
.font32{font-size: 32px;}
.font30{font-size: 30px;}
.font28{font-size: 28px;}
.font26{font-size: 26px;}
.font24{font-size: 24px;}
.font22{font-size: 22px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}

@media screen and (max-width: 1680px){
	.font180{font-size: 150px;}
	.font120{font-size:100px;}
	.font100{font-size:80px;}
	.font90{font-size: 70px;}
	.font80{font-size: 60px;}
	.font68{font-size: 56px;}
	.font62{font-size: 55px;}
	.font60{font-size: 55px;}
	.font56{font-size:50px;}
	.font54{font-size:48px;}
	.font48{font-size: 44px;}
	.font46{font-size: 42px;}
	.font44{font-size: 40px;}
	.font42{font-size: 38px;}
	.font38{font-size: 34px;}
	.font36{font-size: 32px;}
	.font34{font-size: 30px;}
	.font32{font-size: 28px;}
	.font30{font-size: 26px;}
	.font28{font-size: 24px;}
	.font26{font-size: 22px;}
	.font24{font-size: 21px;}
	.font22{font-size: 20px;}
	.font18{font-size: 18px;}
	.font16{font-size: 16px;}
}

@media screen and (max-width: 1366px) {
	.font180{font-size: 120px;}
	.font120{font-size:80px;}
	.font100{font-size:70px;}
	.font90{font-size: 65px;}
	.font80{font-size: 55px;}
	.font68{font-size: 52px;}
	.font62{font-size: 50px;}
	.font60{font-size: 50px;}
	.font56{font-size:45px;}
	.font54{font-size:42px;}
	.font48{font-size: 40px;}
	.font46{font-size: 36px;}
	.font44{font-size: 34px;}
	.font42{font-size: 34px;}
	.font38{font-size: 32px;}
	.font36{font-size: 32px;}
	.font34{font-size: 28px;}
	.font32{font-size: 28px;}
	.font30{font-size: 26px;}
	.font28{font-size: 24px;}
	.font26{font-size: 22px;}
	.font24{font-size: 21px;}
	.font22{font-size: 20px;}
	.font18{font-size: 18px;}
	.font16{font-size: 16px;}
}
@media screen and (max-width:1024px) {
	.font180{font-size: 90px;}
	.font120{font-size:60px;}
	.font100{font-size:50px;}
	.font90{font-size: 48px;}
	.font80{font-size: 45px;}
	.font68{font-size: 42px;}
	.font62{font-size: 40px;}
	.font60{font-size: 40px;}
	.font56{font-size:35px;}
	.font54{font-size:35px;}
	.font48{font-size: 30px;}
	.font46{font-size: 30px;}
	.font44{font-size: 30px;}
	.font42{font-size: 30px;}
	.font38{font-size: 26px;}
	.font36{font-size: 26px;}
	.font34{font-size: 26px;}
	.font32{font-size: 26px;}
	.font30{font-size: 24px;}
	.font28{font-size: 22px;}
	.font26{font-size: 22px;}
	.font24{font-size: 20px;}
	.font22{font-size: 18px;}
	.font20{font-size: 18px;}
	.font18{font-size: 16px;}
	.font16{font-size: 16px;}
}
@media screen and (max-width: 768px) {
	.font180{font-size: 70px;}
	.font120{font-size:50px;}
	.font100{font-size:40px;}
	.font90{font-size: 38px;}
	.font80{font-size: 35px;}
	.font68{font-size: 34px;}
	.font62{font-size: 34px;}
	.font60{font-size: 34px;}
	.font56{font-size:32px;}
	.font54{font-size:32px;}
	.font48{font-size: 28px;}
	.font46{font-size: 28px;}
	.font44{font-size: 26px;}
	.font42{font-size: 26px;}
	.font38{font-size: 24px;}
	.font36{font-size: 24px;}
	.font34{font-size: 22px;}
	.font32{font-size: 22px;}
	.font30{font-size: 22px;}
	.font28{font-size: 20px;}
	.font26{font-size: 20px;}
	.font24{font-size: 18px;}
	.font22{font-size: 16px;}
	.font20{font-size: 16px;}
	.font18{font-size: 16px;}
	.font16{font-size: 14px;}
}
@media screen and (max-width: 500px) {
	.font180{font-size: 60px;}
	.font120{font-size:45px;}
	.font100{font-size:35px;}
	.font90{font-size: 34px;}
	.font80{font-size: 34px;}
	.font68{font-size: 32px;}
	.font62{font-size: 32px;}
	.font60{font-size: 32px;}
	.font56{font-size:30px;}
	.font54{font-size:30px;}
	.font48{font-size: 26px;}
	.font46{font-size: 26px;}
	.font44{font-size: 24px;}
	.font42{font-size: 24px;}
	.font38{font-size: 22px;}
	.font36{font-size: 22px;}
	.font34{font-size: 20px;}
	.font32{font-size: 20px;}
	.font30{font-size: 20px;}
	.font28{font-size: 18px;}
	.font26{font-size: 18px;}
	.font24{font-size: 18px;}
	.font22{font-size: 16px;}
	.font20{font-size: 16px;}
	.font18{font-size: 16px;}
	.font16{font-size: 14px;}
}



/* ==========================================================================
    距离
============================================================================ */
.pad150{padding: 150px;}
.pad120{padding: 120px;}
.pad100{padding: 100px;}
.pad80{padding: 80px;}
.pad60{padding: 60px;}
.pad50{padding: 50px;}
.pad40{padding: 40px;}
.pad30{padding: 30px;}
.pad20{padding: 20px;}

.marg150{margin: 150px;}
.marg120{margin: 120px;}
.marg100{margin: 100px;}
.marg80{margin: 80px;}
.marg60{margin: 60px;}
.marg50{margin: 50px;}
.marg40{margin: 40px;}
.marg30{margin: 30px;}
.marg20{margin: 20px;}

.pt150{padding-top: 150px;}
.pt120{padding-top: 120px;}
.pt100{padding-top: 100px;}
.pt90{padding-top: 90px;}
.pt80{padding-top: 80px;}
.pt60{padding-top: 60px;}
.pt50{padding-top: 50px;}
.pt40{padding-top: 40px;}
.pt30{padding-top: 30px;}
.pt20{padding-top: 20px;}

.pb130{padding-bottom: 130px;}
.pb120{padding-bottom: 120px;}
.pb100{padding-bottom: 100px;}
.pb90{padding-bottom: 90px;}

.pb80{padding-bottom: 80px;}
.pb60{padding-bottom: 60px;}
.pb50{padding-bottom: 50px;}
.pb40{padding-bottom: 40px;}
.pb30{padding-bottom: 30px;}
.pb20{padding-bottom: 20px;}

.mt150{margin-top: 150px;}
.mt120{margin-top: 120px;}
.mt100{margin-top: 100px;}
.mt80{margin-top: 80px;}
.mt60{margin-top: 60px;}
.mt50{margin-top: 50px;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}

.mb150{margin-bottom: 150px;}
.mb120{margin-bottom: 120px;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb60{margin-bottom: 60px;}
.mb50{margin-bottom: 50px;}
.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}
.mb20{margin-bottom: 20px;}
.mt10{margin-top: 10px;}
@media screen and (max-width: 1366px) {
	.pt150{padding-top: 100px;}
	.pt120{padding-top: 80px;}
	.pt100{padding-top: 70px;}
	.pt90{padding-top: 60px;}
	.pt80{padding-top: 50px;}
	.pt60{padding-top: 50px;}


	.pb130{padding-bottom: 90px;}
	.pb120{padding-bottom: 80px;}
	.pb100{padding-bottom: 70px;}
	.pb90{padding-bottom: 60px;}
	.pb80{padding-bottom: 50px;}
	.pb50{padding-bottom: 40px;}
	.mt150{margin-top: 100px;}
	.mt120{margin-top: 90px;}
	.mt100{margin-top: 70px;}
	.mt80{margin-top: 60px;}
	.mt60{margin-top: 50px;}
	.mt50{margin-top: 40px;}
	.mt40{margin-top: 30px;}
	.mt30{margin-top: 25px;}
}


@media screen and (max-width: 1280px) {
    .marg150{margin: 120px;}
	.marg120{margin: 100px;}
	.marg100{margin: 80px;}
	.marg80{margin: 60px;}
	.marg60{margin: 50px;}
	.marg50{margin: 44px;}
	.marg40{margin: 36px;}
	
	.pt150{padding-top: 80px;}
	.pt120{padding-top: 70px;}
	.pt100{padding-top: 60px;}
	.pt90{padding-top: 50px;}
	.pt80{padding-top: 40px;}
	.pt40{padding-top: 36px;}
	
	.pb130{padding-bottom: 80px;}
	.pb120{padding-bottom: 70px;}
	.pb100{padding-bottom: 60px;}
	.pb90{padding-bottom: 50px;}
	.pb80{padding-bottom: 40px;}
	.pb50{padding-bottom: 35px;}
	.pb40{padding-bottom: 30px;}
	
	.mt150{margin-top: 80px;}
	.mt120{margin-top: 70px;}
	.mt100{margin-top: 60px;}
	.mt80{margin-top: 50px;}
	.mt60{margin-top: 40px;}
	.mt50{margin-top: 30px;}
	.mt40{margin-top: 25px;}
	.mt30{margin-top: 20px;}
	
	.mb150{margin-bottom: 120px;}
	.mb120{margin-bottom: 100px;}
	.mb100{margin-bottom: 80px;}
	.mb80{margin-bottom: 60px;}
	.mb60{margin-bottom: 50px;}
	.mb50{margin-bottom: 44px;}
	.mb40{margin-bottom: 36px;}
	.mb30{margin-bottom: 10px;}
}

@media screen and (max-width: 1024px) {
    .pt150{padding-top: 70px;}
	.pt120{padding-top: 60px;}
	.pt100{padding-top: 50px;}
	.pt90{padding-top: 40px;}
	.pt80{padding-top: 30px;}
	.pt40{padding-top: 26px;}
	.pt30{padding-top: 20px;}
	.pt20{padding-top:15px;}
	
	.pb130{padding-bottom: 70px;}
	.pb120{padding-bottom: 60px;}
	.pb100{padding-bottom: 50px;}
	.pb90{padding-bottom: 40px;}
	.pb80{padding-bottom: 30px;}
	.pb50{padding-bottom: 25px;}
	.pb40{padding-bottom: 20px;}
	.pb30{padding-bottom: 15px;}
	
	.mt150{margin-top: 70px;}
	.mt120{margin-top: 60px;}
	.mt100{margin-top: 50px;}
	.mt80{margin-top: 40px;}
	.mt60{margin-top: 30px;}
	.mt50{margin-top: 25px;}
	.mt40{margin-top: 20px;}
	.mt30{margin-top: 15px;}
	.mt20{margin-top: 15px;}
}

@media screen and (max-width: 768px) {
    .pt150{padding-top: 60px;}
	.pt120{padding-top: 50px;}
	.pt100{padding-top: 40px;}
	.pt90{padding-top: 40px;}
	.pt80{padding-top: 30px;}
	
	.pb130{padding-bottom: 60px;}
	.pb120{padding-bottom: 50px;}
	.pb100{padding-bottom: 40px;}
	.pb90{padding-bottom: 30px;}
	.pb80{padding-bottom: 30px;}
	
	.mt150{margin-top: 60px;}
	.mt120{margin-top: 50px;}
	.mt100{margin-top: 40px;}
	.mt20{margin-top: 10px;}
}
@media screen and (max-width: 500px) {
	.pt150{padding-top: 40px;}
	.pt120{padding-top: 40px;}
	.pt90{padding-top: 40px;}
	.pb130{padding-bottom: 50px;}
	.pb120{padding-bottom: 40px;}
	
	.mt150{margin-top: 50px;}
	.mt120{margin-top: 40px;}
	.mt100{margin-top: 40px;}
}
.trans{
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari 和 Chrome */
	-o-transition: all .3s; /* Opera */
}